<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>神行通无线营销系统</title>
    <link rel="stylesheet" type="text/css" href="<#$Theme['P']['css']#>/style.css" media="all">
</head>
<body>

<header>
    <!--banner start-->
    <div style="-webkit-transform:translate3d(0,0,0); width:100%; ">
        <div id="banner_box" class="box_swipe" style="visibility: visible;">
            <ul style="list-style: none;transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate3d(-1392px, 0, 0);">
                <li style=" display: table-cell; vertical-align: top;">
                    <a>
                        <img src="<#$Theme['P']['root']#>/images/3/banner.jpg" style="width:100%;">
                    </a>
                </li>
                <li style="display: table-cell; vertical-align: top;">
                    <a>
                        <img src="<#$Theme['P']['root']#>/images/3/banner.jpg"  style="width:100%;">
                    </a>
                </li>
                <li style="display: table-cell; vertical-align: top;">
                    <a>
                        <img src="<#$Theme['P']['root']#>/images/3/banner.jpg"  style="width:100%; ">
                    </a>
                </li>
            </ul>
            <ol>
                <li class="on" ></li>
                <li ></li>
                <li></li>
            </ol>
        </div>
    </div>
</header>
<section class="content">
    <ul>
        <a href="#">
            <li class="fl">
                <div>
                    <span class="name" ><img src="<#$Theme['P']['root']#>/images/3/ico_09.jpg" width="100" height="100"></span>
                    <span class="text">微信动态</span>
                </div>
            </li>
        </a>
        <a href="#">
            <li class="fr">
                <div>
                    <span class="name"><img src="<#$Theme['P']['root']#>/images/3/ico_03.jpg" width="100" height="100"></span>
                    <span class="text">微信相册</span>
                </div>
            </li>
        </a>
        <a href="#">
            <li class="fl" id="fl">
                <div class="white">
                    <span class="name"><img src="<#$Theme['P']['root']#>/images/3/ico_04.jpg" width="100" height="100"></span>
                    <span class="text">微信促销</span>
                </div>
            </li>
        </a>
        <a href="#">
            <li class="fr">
                <div>
                    <span class="name" ><img src="<#$Theme['P']['root']#>/images/3/ico_05.jpg" width="100" height="100"></span>
                    <span class="text">娱乐中心</span>
                </div>
            </li>
        </a>
        <a href="#">
            <li class="fl">
                <div>
                    <span class="name" ><img src="<#$Theme['P']['root']#>/images/3/ico_06.jpg" width="100" height="100"></span>
                    <span class="text">微信视频</span>
                </div>
            </li>
        </a>
        <a href="#">
            <li class="fr">
                <div>
                    <span class="name"><img src="<#$Theme['P']['root']#>/images/3/ico_07.jpg" width="100" height="100"></span>
                    <span class="text">联系我们</span>
                </div>
            </li>
        </a>

        <div class="clear"></div>
    </ul>
</section>

<script type="text/javascript" src="<#$Theme['P']['js']#>/jquery.js"></script>
<script type="text/javascript" src="<#$Theme['P']['js']#>/swiper/swiper1.js"></script>
<script>
    $(function() {
        new Swipe(document.getElementById('banner_box'), {
            speed: 500,
            auto: 3000,
            callback: function() {
                var lis = $(this.element).next("ol").children();
                lis.removeClass("on").eq(this.index).addClass("on");
            }
        });
    });
</script>
</body>
</html>